<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>物流管理系统</title>
<link href="../css/base.css" rel="stylesheet" type="text/css" media="all" />
<link href="../css/comm.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="../js/jquery-1.6.min.js"></script>

<link rel="stylesheet" type="text/css" media="all" href="../lib/grid/calendar/calendar-blue.css"  />
<script type="text/javascript" src="../lib/grid/calendar/calendar.js"></script>
<script type="text/javascript" src="../lib/grid/calendar/calendar-cn-utf8.js"></script>
<script type="text/javascript" src="../lib/grid/calendar/calendar-setup.js"></script>

<link rel="stylesheet" type="text/css" href="../lib/grid/gt_grid.css" />
<link rel="stylesheet" type="text/css" href="../lib/grid/skin/mac/skinstyle.css" />

<script type="text/javascript" src="../lib/grid/gt_msg_cn.js"></script>
<script type="text/javascript" src="../lib/grid/gt_const.js"></script>
<script type="text/javascript" src="../lib/grid/gt_grid_all.js"></script>
<script type="text/javascript" src="../lib/grid/flashchart/fusioncharts/FusionCharts.js"></script>

<script type="text/javascript" src="test_data.js"></script>
<script type="text/javascript" >

var grid_demo_id = "myGrid1" ;


var dsOption= {

	fields :[
		{name : 'no'  },
		{name : 'country'  },
		{name : 'customer'  },
		{name : 'employee'  },
		{name : 'bill2005' ,type: 'float' },
		{name : 'bill2006' ,type: 'float' },
		{name : 'bill2007' ,type: 'float' },
		{name : 'bill2008' ,type: 'float' },
		{name : 'orderDate' ,type:'date'  }
		
	],

	recordType : 'array',
	data : __TEST_DATA__
}

// Below function Add by me 
function column_render(value ,record,columnObj,grid,colNo,rowNo){
		 var options = {'1': 'US','2':'FR', '3':'BR'};
		 var ret = options[value];
		 if(ret==null){
       ret = value;
     }
		 return ret;
}
// My function over

// Below function you send us in mail
/*column_render:function(){
 var options = {'1': 'US','2':'FR', '3':'BR'};
 return options[cell-value];
}
*/

// Your function over
var colsOption = [
     {id: 'no' , header: "操作" , width :60, editor: {  type :"text"  } },
     {id: 'employee', header: "加急" , width :80, editor: {  type :"text"  }  },
	   {id: 'country', header: "易碎" , width :70,
     editor : { type :"select" ,options : {'1': 'US' ,'2':'FR', '3':'BR'} 
     ,defaultText : 'US' },
	 // Below function call by us
	 renderer:column_render },
	   {id: 'customer' , header: "优先级" , width :150,editor: {type :"textarea", width:'150px',height:'100px'  }  },
	   {id: 'orderDate' , header: "延迟" , width :100, editor: {type :"date"}},
	   {id: 'bill2005' , header: "优化显示" , width :60},
	   {id: 'bill2006' , header: "警报" , width :60},
	   {id: 'bill2007' , header: "说明" , width :60},
	   {id: 'bill2008' , header: "个人注释" , width :60},
	   {id: 'bill2009' , header: "订单号" , width :60}
       
];

var gridOption={
	id : grid_demo_id,
	width: "100%",  //"100%", // 700,
	height: "360",  //"100%", // 330,
	container : 'gridbox', 
	replaceContainer : true, 
	
	dataset : dsOption ,
	columns : colsOption,
	toolbarPosition : null,
	skin : "mac"
};


var mygrid=new Sigma.Grid( gridOption );
Sigma.Util.onLoad( Sigma.Grid.render(mygrid) );

//////////////////////////////////////////////////////////






</script>

</head>

<body>
<h1>订单管理</h1>
<div class="searchBox">
	<div class="row left">
		<table>
			<tr>
				<td><label for="select1">字段搜索：</label></td>
				<td>
				<select name="select" id="select1">
						<option>海运</option>
						<option>铁运</option>
						<option>空运</option>
				</select>
				</td>
			</tr>
		</table>
	</div>
	<div class="right">
		<label for="text1">自定义搜索：</label>
		<input name="" type="text" id="text1" />
		<a href="javascipt:;">创建</a>
		<a href="javascipt:;">编辑</a>
	</div>
	
	<div class="row clear">
		<table>
			<tr>
				<td><label for="select2">日期搜索：</label></td>
				<td>
					<select name="select" id="select2">
							<option>最近一周</option>
							<option>最近一月</option>
							<option>最近三月</option>
					</select>
				</td>
				<td>
					<select name="select" id="select3">
							<option>开始时间</option>
					</select>
				</td>
				<td>
					<select name="select" id="select4">
							<option>时间</option>

					</select>
				</td>
				<td>到</td>
				<td>
					<select name="select" id="select5">
							<option>结束时间</option>
					</select>
				</td>
				<td>
					<select name="select" id="select6">
							<option>时间</option>
					</select>
				</td>
				<td>
					<input type="radio" name="radio" id="radio" value="radio" />
					<label for="radio">时间</label>
				</td>
				<td><input class="shortbtn" type="submit" name="button" id="button" value="执行" /></td>
			</tr>
		</table>
	</div>

</div>

<div class="listbox">
	<div class="btnBar">
		<a href="javascipt:;" class="btn_6">返回</a>
		<a href="javascipt:;" class="btn_6">取消</a>
		<a href="javascipt:;" class="btn_6">订单查看</a>
		<a href="javascipt:;" class="btn_6">打印明细</a>
		<a href="javascipt:;" class="btn_6">打印摘要</a>
		<a href="javascipt:;" class="btn_6">添加追踪</a>
		<a href="javascipt:;" class="btn_6">运单查看</a>
	</div>
	<div class="listtitle">
		订单管理--》订单追踪 （TBD）：<br />运单追踪：则把订单列表与运单列表兑换
	</div>
	
	<h3 class="listH3">订单列表</h3>
	<div class="orderArea">
		<div class="tableLeft">
			<div id="bigbox">
			  <div id="gridbox"></div>
			</div>
			<div class="tableTips">显示列表关键信息统计</div>
		</div>
		<div class="listRight">
			<dl class="orderItem">
				<dt>异常和预警：</dt>
				<dd>异常和预警情况说明</dd>
				<dd class="tar"><a href="javascipt:;">更多</a></dd>
			</dl>
			<dl class="orderItem">
				<dt>订单状态：</dt>
				<dd>异常和预警情况说明</dd>
				<dd class="tar"><a href="javascipt:;">更多</a></dd>
			</dl>
			<dl class="orderItem">
				<dt>订单明细：</dt>
				<dd>异常和预警情况说明</dd>
				<dd class="tar"><a href="javascipt:;">更多</a></dd>
			</dl>
			<dl class="orderItem">
				<dt>操作日志：</dt>
				<dd>异常和预警情况说明</dd>
				<dd class="tar"><a href="javascipt:;">更多</a></dd>
			</dl>
		</div>
		
	</div>
	
	<div class="btnBox tac clear"><a href="javascript:;" class="shortbtn">返回</a></div>
	
</div>

</body>
</html>
